This document is 94 pages long.
The 'insert' bars are described on page 6.
The Dreamweaver interface is descriobed on page 9.
An explanation of the 'insert' bar starts on page 10.
The 'property inspector' is described on page 11.
Using text and images begins on page 13.
Adding images, page 15.
Creating basic tables, page 17.
Your Assignment
#1
Using either notepad or Dreamweaver, create an HTML document for each of the following projects. Your finished websites should all be included inside one folder marked 'Portfolio', and should all work in Internet Explorer. Each page you create should contain a .jpg image of each project, and a title for the work. Background image or colour, and font size, type and colour will be up to you.
Letter portrait
Olde time photo fakes
Musical poster rough copies
Musical poster - Final
Style study - if completed
Logo design
Ads using Logo - One page for each
Design Synectics from 'lowe.wikispaces.com' Lastly:
Flash Animation - A lesson on how to embed a flash animation using Dreamweaver must be conducted before we reach this point.
#2
We will create a 'Frame' based webpage, that will contain a menu and links to all the webpages that you have created above, and a top frame that will contain a Graphic that will identify your portfolio. This lesson will include how to create 'hot spots' over images using Dreamweaver, so that parts of a larger image can be used as links to other pages.
#3
We wil create a splash page that will be saved directly outside of your 'Portfolio' folder, that will link to your main index page inside your portfolio.
#4 Final Projects. Your final project will be the last page added to your web portfolio. Once your final project has been added, we will burn the portfolios onto CD-ROM, so you can take them home or use them as portfolios.
Bare bones HTML part 2
Useful Dreamweaver Shortcut Keys
Right click on the link below and select 'Open in New WIndow'.
This document is 94 pages long.
The 'insert' bars are described on page 6.
The Dreamweaver interface is descriobed on page 9.
An explanation of the 'insert' bar starts on page 10.
The 'property inspector' is described on page 11.
Using text and images begins on page 13.
Adding images, page 15.
Creating basic tables, page 17.
Your Assignment
#1
Using either notepad or Dreamweaver, create an HTML document for each of the following projects. Your finished websites should all be included inside one folder marked 'Portfolio', and should all work in Internet Explorer. Each page you create should contain a .jpg image of each project, and a title for the work. Background image or colour, and font size, type and colour will be up to you.
Letter portrait
Olde time photo fakes
Musical poster rough copies
Musical poster - Final
Style study - if completed
Logo design
Ads using Logo - One page for each
Design Synectics from 'lowe.wikispaces.com'
Lastly:
Flash Animation - A lesson on how to embed a flash animation using Dreamweaver must be conducted before we reach this point.
#2
We will create a 'Frame' based webpage, that will contain a menu and links to all the webpages that you have created above, and a top frame that will contain a Graphic that will identify your portfolio. This lesson will include how to create 'hot spots' over images using Dreamweaver, so that parts of a larger image can be used as links to other pages.
#3
We wil create a splash page that will be saved directly outside of your 'Portfolio' folder, that will link to your main index page inside your portfolio.
#4
Final Projects. Your final project will be the last page added to your web portfolio. Once your final project has been added, we will burn the portfolios onto CD-ROM, so you can take them home or use them as portfolios.